﻿<%@ Page Title ="Location Quick Wok" Language="C#" AutoEventWireup="true"  MasterPageFile="~/Site.master" CodeBehind="Location.aspx.cs" Inherits="OnlineOrderSystem.Location" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"></script>
    <script>

        var myCenter = new google.maps.LatLng(32.635408, -97.349089);
        var marker;
        var myCenter2 = new google.maps.LatLng(32.724014, -97.331585);
        var marker2;
        function initialize() {
            var mapProp = {
                center: myCenter,
                zoom: 13,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);

            var mapProp2 = {
                center: myCenter2,
                zoom: 13,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map2 = new google.maps.Map(document.getElementById("googleMap2"), mapProp2);


            var marker = new google.maps.Marker({
                position: myCenter,
                animation: google.maps.Animation.BOUNCE
            });

            marker.setMap(map);

            var marker2 = new google.maps.Marker({
                position: myCenter2,
                animation: google.maps.Animation.BOUNCE
            });

            marker2.setMap(map2);


            var infowindow = new google.maps.InfoWindow({
                content: "Dear customer,our restaurant is at 7800 Crowley Rd, Ft Worth, TX 76134! Welcome you!"
            });

            google.maps.event.addListener(marker, 'click', function () {
                infowindow.open(map, marker);
            });

            var infowindow2 = new google.maps.InfoWindow({
                content: "Dear customer,our restaurant is at 1818 Hemphill St. Fort Worth, TX 76110! Welcome you!"
            });

            google.maps.event.addListener(marker, 'click', function () {
                infowindow2.open(map2, marker2);
            });


        }

        google.maps.event.addDomListener(window, 'load', initialize);
    </script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    
    <div id="templatemo_menu">
        <ul>
        	<li><a href="Default.aspx" ><b>Home</b></a></li>
            <li class="current"><a href="#"><b>Location</b></a></li>
            <li><a href="Menu.aspx" ><b>Menu</b></a></li>
          	<li><a href="Coupon.aspx"><b>Coupon</b></a></li>
          	<li><a href="Gallery.aspx"><b>Gallery</b></a></li>
            <li><a href="ContactUs.aspx"><b>Contact Us</b></a></li>
        </ul>
    </div> <!-- end of menu -->
        
    
    <div id="top_dishes">
        <table>
            <tr>
                <th><h1>Where are we?</h1></th>
                <th><h1>Two Locations</h1></th>
            </tr>
            <tr>
                <td><div id="googleMap" style="width:530px;height:350px;margin: 0 20px 0 20px;"></div></td>
                <td>
                    <table style="margin: 0 20px 0 20px;">
                        <tr>
                            <td><h1>Crowley</h1></td>
                        </tr>
                        <tr>
                            <th align = "left" style=" font-size:14px">Address:</th>
                            <td>7800 Crowley Rd, Ft Worth, TX 76134</td>
                        </tr>
                        <tr>
                            <th align = "left" style=" font-size:14px">Call:</th>
                            <td>(817) 551-6600</td>
                        </tr>
                        <tr>
                            <th align = "left" valign ="top" style=" font-size:14px">Working Hours:</th>
                            <td>
                                <table>
                                    <tr>
                                        <td>Mon - Thu:</td>
                                        <td>11am. - 9pm.</td>
                                    </tr>
                                    <tr>
                                        <td>Fri - Sat:</td>
                                        <td>11am. - 10pm.</td>
                                    </tr>
                                    <tr>
                                        <td>Sun:</td>
                                        <td>Closed.</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr >
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td><div id="googleMap2" style="width:530px;height:350px;margin: 0 20px 0 20px;"></div></td>
                <td>
                    <table style="margin: 0 20px 0 20px;">
                        <tr>
                            <td><h1>Hemphill</h1></td>
                        </tr>
                        <tr>
                            <th align = "left" style=" font-size:14px">Address:</th>
                            <td>1818 Hemphill St. Fort Worth, TX 76110</td>
                        </tr>
                        <tr>
                            <th align = "left" style=" font-size:14px">Call:</th>
                            <td>(817) 921-3080</td>
                        </tr>
                        <tr>
                            <th align = "left" valign ="top" style=" font-size:14px">Working Hours:</th>
                            <td>
                                <table>
                                    <tr>
                                        <td>Mon - Thu:</td>
                                        <td>11am. - 9pm.</td>
                                    </tr>
                                    <tr>
                                        <td>Fri - Sat:</td>
                                        <td>11am. - 10pm.</td>
                                    </tr>
                                    <tr>
                                        <td>Sun:</td>
                                        <td>Closed.</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    <div class="cleaner">&nbsp;</div>

</asp:Content>
